// 使用wangeditor文本编辑器插件
// 创建编辑器，工具栏函数
const {createEditor, createToolbar} = window.wangEditor

// 编辑器配置对象
const editorConfig = {
    // 占位提示文字
    placeholder: '发布文章内容...',
    onChange(editor) {
        const html = editor.getHtml()
        // 也可以同步到 <textarea>
        // 将文本内容写入到文本域中
        document.querySelector('.publish-content').value = html
    }

}

const editor = createEditor({
    // 创建编辑器位置
    selector: '#editor-container',
    // 编辑器默认内容
    html: '<p><br></p>>',
    // 配置项
    config: editorConfig,
    /**
     * mode: 'default' 默认模式 - 集成了 wangEditor 所有功能
     * mode: 'simple' 简洁模式 - 仅有部分常见功能，但更加简洁易用
     */
    mode: 'defaults', // or 'simple'
})


// 工具栏配置对象（此时为空）
const toolbarConfig = {}

// 创建工具栏
const toolbar = createToolbar({
    // 为指定的编辑器配置工具栏
    editor,
    // 工具栏创建的位置
    selector: '#toolbar-container',
    // 工具栏配置对象
    config: toolbarConfig,
    /**
     * mode: 'default' 默认模式 - 集成了 wangEditor 所有功能
     * mode: 'simple' 简洁模式 - 仅有部分常见功能，但更加简洁易用
     */
    mode: 'defaults', // or 'simple'
})